﻿<!doctype html>
<html ng-app="app">
<head>
    <meta charset="utf-8">
    <title>售卡-选择<span class="_typeName"></span></title>
    <link href="../../../css/768_1366/global.css" rel="stylesheet"/>
    <link href="../../../css/768_1366/common.css" rel="stylesheet"/>
    <link href="../../../css/768_1366/salecard.css" rel="stylesheet"/>
    <script src="../../../js/frame/browser.js"></script>
    <script src="../../../js/frame/angular.min.js"></script>
</head>

<body ng-controller="controller">
<div class="container inner">
    <div class="header">
        <div class="logo"><em class="_devName"></em></div>
    </div>
    <div class="contentbox">
        <div class="bar">
            您正在办理：<strong>购卡业务</strong>
        </div>
        <div class="mainbox choosebox">
            <div class="cardlist {{ (cardList.length>4)?'cardlist6':(cardList.length==4?'cardlist4':'') }}" ng-cloak>
                <ul>
                    <li ng-repeat="card in cardList" ng-class="card.isOver ? 'over':''"
                        voice-control="第{{zhIndex[$index]}}张,第{{zhIndex[$index]}}章" ng-click="clickCard(card)">
                        <div class="cardimg" style="margin-top: 40px">
                            <img ng-src="{{imgUrl}}/{{card.FRONT}}" alt=""
                                 style="max-width: 200px;padding: 0">
                        </div>
                        <div class="cardtit">{{card.CARDNAME}}</div>
                        <div style="display: flex;margin-top: 20px;">
                            <img
                                    style="max-width: 10px;max-height: 10px;margin-left: 90px"
                                    src="../../../images/horn.png">
                            <div style="font-size: 10px">第{{zhIndex[$index]}}张</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <p class="cardtips"></p>
    </div>
    <div class="footer">
        <input type="button" value="首 页" name="exit" class="exit" voice-control="首页,退出"/>
        <div class="timing">剩余操作时间：<span>60</span></div>
    </div>
    <div class="banner">
        <ul></ul>
        <ol></ol>
        <i class="left"></i><i class="right"></i>
    </div>
</div>
</body>
</html>
<script src="../../../js/frame/jquery.min.js"></script>
<script src="../../../js/driver/BaseDriver.js"></script>
<script>
    Browser.relativeDirJs("../../../js/frame", "browser", "angular.min", "jquery.min", "BizService", "banner_total_1920_1080");
    Browser.relativeDirJs("../../../../personal/js");
    Browser.relativeDirJs("../../../js/driver", "BaseDriver", "CardPrintPos");
    Browser.relativeDirJs("../../../js/gateway");
    Browser.relativeDirJs("../../../js/biz/common");
</script>
<script src="../../../js/biz/salecard/step-1-choose-card.js"></script>
